React 性能优化

1. 使用纯组件 代替 class
2. 避免重复渲染：shouldComponentUpdate、React.memo、React.useMemo、React.useCallback。
3. 代码拆分：React.lazy 动态加载组件
4. 使用 react-query，对请求响应进行缓存、重发等，避免多次请求，减少网络 IO 消耗及优化渲染次数
5. 使用 useDebounce，对值及事件处理函数进行防抖，避免状态频繁变动，优化渲染次数
6. 使用 useImmer 代替 useState
7. 组件的 状态提升

参考文章：https://www.infoq.cn/article/kve8xtrs-upphptq5luz